﻿<br />
<button data-bind="click: AddAuditReason, visible: !AddingAuditReason()">Add Audit Reason</button>

<div style='display:none'>
    <div id='newAuditReason' data-bind="if: typeof UnsavedAuditReasonVm()">
        <h3>Enter a new audit reason</h3>        
        <div data-bind="with: UnsavedAuditReasonVm()">

            Title&nbsp;&nbsp;<input data-bind="value: Title"/>&nbsp;
            <span data-bind="validationMessage: Title" style="color:red"></span><br /><br />

            Description&nbsp;&nbsp;<input data-bind="value: Description" />&nbsp;
            <span data-bind="validationMessage: Description" style="color:red"></span><br /><br />

        </div>

        <button data-bind="click: SaveAddingAuditReason">Save</button>
        &nbsp;&nbsp;&nbsp;&nbsp;
        <button data-bind="click: CancelAddingAuditReason">Cancel</button>
        
    </div>
</div>

<br />




